<template>
    <view class="w-full bg-gray-50 h-55px flex justify-center flex-wrap content-center rounded-br-lg">
        <text class="block w-full text-center text-sm text-gray-400">招牌热卖</text>
    </view>
    <view class="w-full bg-gray-50 h-55px flex justify-center flex-wrap content-center bg-white pt-1 pb-1">
        <text class="i-material-symbols-local-fire-department-rounded bg-yellow-400 w-20px h-20px"></text>
        <text class="block w-full text-center text-sm font-bold text-red-500">热销美食</text>
    </view>
    <view class="w-full bg-gray-50 h-55px flex justify-center flex-wrap content-center rounded-tr-lg">
        <text class="block w-full text-center text-sm text-gray-400">新品尝鲜</text>
    </view>
    <view class="w-full bg-gray-50 h-55px flex justify-center flex-wrap content-center">
        <text class="block w-full text-center text-sm text-gray-400">特惠套餐</text>
    </view>
    <view class="w-full bg-gray-50 h-55px flex justify-center flex-wrap content-center">
        <text class="block w-full text-center text-sm text-gray-400">当季限定</text>
    </view>
    <view class="w-full bg-gray-50 h-55px flex justify-center flex-wrap content-center">
        <text class="block w-full text-center text-sm text-gray-400">饮品系列</text>
    </view>
</template>

<script setup lang="ts">
// #ifdef H5
await new Promise((resolve) => {
    setTimeout(() => {
        resolve(true)
    }, 1000)
})
// #endif
</script>

<style scoped>

</style>